<?xml version="1.0" encoding="utf-8" ?>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Available tickets</title>
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/icon.css"/>

<script type="text/javascript" src="js/util/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/util/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript" src="js/index/utickets.js"></script>
</head>
<body>
	<%--  <h2>可用票单</h2>
      <div style="margin:20px 0;"></div>
  <div class="easyui-panel" style="width:600px;padding:50px 60px">
        <table class="easyui-datagrid">
        <thead>
        	<tr>
			    <th data-options="field:'ticketid',width:100">车票编号</th>
                <th data-options="field:'ticketnum',width:100">余票</th>
                <th data-options="field:'trainno',width:100">列车编号</th>
                <th data-options="field:'origin',width:100">初始站</th>
                <th data-options="field:'destination',width:100">终点站</th>
                <th data-options="field:'price',width:100,align:'right'">价格</th>
            </tr>
		</thead>
		<tbody>
			<c:forEach items="${ticketList}" var="tickets">
			<tr>
				<td>${tickets.ticketid}</td>
				<td>${tickets.ticketnum}</td>
				<td>${tickets.trainno}</td>
				<td>${tickets.origin}</td>
				<td>${tickets.destination}</td>
				<td>${tickets.price}</td>
			</tr>
			</c:forEach>
		</tbody>
    </table> --%>
    
    <div></div>

<!--     <hr>
    <table id="pageData" class="easyui-datagrid"></table>
        
        <button>Click</button>
      
  </div> -->
  <h2>车票查询一览</h2>
    <div style="margin:20px 0;"></div>
    <div class="easyui-panel" style="width:600px;padding:50px 60px">
    <!-- <table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"
            data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'">
        <thead>
            <tr>
               <th data-options="field:'ticketid',width:100">车票编号</th>
                <th data-options="field:'ticketnum',width:100">余票</th>
                <th data-options="field:'trainno',width:100">列车编号</th>
                <th data-options="field:'origin',width:100">初始站</th>
                <th data-options="field:'destination',width:100">终点站</th>
                <th data-options="field:'price',width:100,align:'right'">价格</th>
            </tr>
        </thead>
    </table> -->
    <table id="pageData" class="easyui-datagrid"></table>
    <div class="easyui-pagination" data-options="total:114"></div>
  </div>
</body>
</html>